<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <%--<link rel="stylesheet" href="../../../../static/layer/css/layui.css" media="all">--%>
    <link rel="stylesheet" href="../../../../static/ace/components/_mod/jquery-ui/jquery-ui.css"/>
    <%--<link rel="stylesheet" href="../../../../static/statistics/css/bootstrap-datetimepicker.min.css">--%>
    <link rel="stylesheet"
          href="../../../../static/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css"/>
    <link rel="stylesheet" href="../../../../static/ace/components/_mod/jqgrid/ui.jqgrid.css"/>
    <script src="../../../../static/statistics/js/bootstrap-datetimepicker.min.js"></script>
    <%--<script src="../../../../static/statistics/js/bootstrap-datetimepicker.fr.js"></script>--%>
    <script src="../../../../static/statistics/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="../../../../static/statistics/js/vue.js"></script>
    <script src="../../../../static/countjs/regularYz.js"></script>
    <style>
        #container{
            height:1000px;
            background:#ccc;
        }
    </style>
</head>
<body>
<button class="btn btn-white btn-sm btn-purple customBtn"  v-on:click="addShop">
    <i class="ace-icon fa fa-plus-circle purple"></i> 新增
</button>


<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="">
        <div class="modal-content">
            <div class="modal-header" style="font-size: 20px; margin-bottom: -15px;">
                <h4 class="modal-title" id="myModalLabel">
                    供应商管理 - <span id="alertTitle">新增</span>
                    <small id="smallTitle" class="hide" style="color: red; float: right; margin-top: 10px;">哈哈哈</small>

                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="tableShow">基础信息</button>
                    <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="businessLicenseShow">营业执照</button>
                    <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="licenceShow">许可证</button>
                </div>

                <div class="row" id="tableDiv">
                    <form >
                        <table class="table">
                            <tbody>
                            <tr>
                                <td style="width: 86px; text-align: right">
                                    编码
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="id" placeholder="新增编码自动生产" readonly="readonly" style="width: 150px; height: 20px;">
                                </td>
                                <td style="width: 86px; text-align: right">
                                    名称
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="supplierName" name="supplierName" placeholder="名称" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'name')" onfocus="focusVerify(this.id)">
                                    <span id="supplierNameMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    联系人
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="contactName" placeholder="联系人" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'name')" onfocus="focusVerify(this.id)">
                                    <span id="contactNameMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    助记码
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="helpCode" placeholder="助记码" style="width: 150px; height: 20px;">
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    手机号码
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="phone" placeholder="手机号码" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'phone')" onfocus="focusVerify(this.id)">
                                    <span id="phoneMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    电话
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="mobile" placeholder="电话" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'mobile')" onfocus="focusVerify(this.id)">
                                    <span id="mobileMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    地址
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="address" placeholder="地址" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'address')" onfocus="focusVerify(this.id)">
                                    <span id="addressMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    传真
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="fax" placeholder="传真" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'fax')" onfocus="focusVerify(this.id)">
                                    <span id="faxMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    邮编
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="zipCode" placeholder="邮编" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'zipCode')" onfocus="focusVerify(this.id)">
                                    <span id="zipCodeMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    电子邮件
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="email" placeholder="电子邮件" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'email')" onfocus="focusVerify(this.id)">
                                    <span id="emailMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    经营方式
                                </td>
                                <td>
                                    <select class="form-control" id="operatorWay" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="A">购销</option>
                                        <option value="C">联营</option>
                                        <option value="F">扣率代销</option>
                                    </select>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    业务员
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="salesMan" placeholder="业务员" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'salesMan')" onfocus="focusVerify(this.id)">
                                    <span id="salesManMsg" style="color: red"></span>
                                </td>
                            </tr>


                            <tr>
                                <td style="width: 86px; text-align: right">
                                    区域
                                </td>
                                <td>
                                    <select class="form-control" id="zoneCode" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="01">东北</option>
                                        <option value="02">西南</option>
                                        <option value="03">东南</option>
                                        <option value="04">西北</option>
                                        <option value="05">。。。。。</option>
                                        <option value="08">汇源果汁</option>
                                        <option value="QY">其它区域</option>

                                    </select>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    冻结账款
                                </td>
                                <td>
                                    <select class="form-control" id="freezeAccounts" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="0">正常</option>
                                        <option value="1">冻结</option>
                                    </select>
                                </td>
                            </tr>


                            <tr>
                                <td style="width: 86px; text-align: right">
                                    结算方式
                                </td>
                                <td>
                                    <select class="form-control" id="settlementWay" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="0">临时指定</option>
                                        <option value="1">货到付款</option>
                                        <option value="2">指定账期</option>
                                        <option value="3">指定日期</option>
                                    </select>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    冻结业务
                                </td>
                                <td>
                                    <select class="form-control" id="freezeBusiness" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="0">正常</option>
                                        <option value="1">冻结</option>
                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    送货周期
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="deliverCycle" value="7" placeholder="7" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'deliverCycle')" onfocus="focusVerify(this.id)">
                                    <span id="deliverCycleMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    开户行
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="bankOfDeposit" placeholder="开户行" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'bankOfDeposit')" onfocus="focusVerify(this.id)">
                                    <span id="bankOfDepositMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    结账周期
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="settlementCycle" value="30" readonly="readonly" placeholder="30" style="width: 150px; height: 20px;">
                                </td>
                                <td style="width: 86px; text-align: right">
                                    帐号
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="account" placeholder="帐号" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'account')" onfocus="focusVerify(this.id)">
                                    <span id="accountMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    月结账日期
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="monthSettlementDay" value="30" readonly="readonly" placeholder="30" style="width: 150px; height: 20px;">
                                </td>
                                <td style="width: 86px; text-align: right">
                                    营业执照号
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="businessLicenseNo" placeholder="营业执照号" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'businessLicenseNo')" onfocus="focusVerify(this.id)">
                                    <span id="businessLicenseNoMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    备注
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="remark" placeholder="" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'remark')" onfocus="focusVerify(this.id)">
                                    <span id="remarkMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    注册类型
                                </td>
                                <td>
                                    <select class="form-control" id="registerWay" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="1">国有</option>
                                        <option value="2">民营</option>
                                        <option value="3">合资</option>
                                        <option value="4">外资</option>
                                        <option value="5">个体</option>
                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    采购默认价
                                </td>
                                <td>
                                    <select class="form-control" style="width: 150px; height: 20px;">
                                        <option selected="selected" value="0">进货价</option>
                                        <option value="2">零售价</option>
                                        <option value="6">约定价格</option>
                                        <option value="4">最近进价</option>
                                    </select>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    税务登记号
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="taxRegistrationNo" placeholder="请输入名称" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'taxRegistrationNo')" onfocus="focusVerify(this.id)">
                                    <span id="taxRegistrationNoMsg" style="color: red"></span>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 86px; text-align: right">
                                    所属机构
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="orgCode" placeholder="请输入名称" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'orgCode')" onfocus="focusVerify(this.id)">
                                    <span id="orgCodeMsg" style="color: red"></span>
                                </td>
                                <td style="width: 86px; text-align: right">
                                    户名
                                </td>
                                <td>
                                    <input type="text" class="form-control" id="userName" placeholder="请输入名称" style="width: 150px; height: 20px;"
                                           onblur="verify(this.value, this.id,'userName')" onfocus="focusVerify(this.id)">
                                    <span id="userNameMsg" style="color: red"></span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </form>
                </div>

                <div class="row hide" id="businessLicenseDiv">
                    <div style="margin:10px auto;border:1px solid #000;width:320px;height:240px;">
                        <img id="showImageInfoImg" style="width:320px;height:240px;" src="" alt="..." class="img-thumbnail">
                    </div>
                    <p style="font-size: 12px; text-align: center;">图片显示(图片窗口大小为320*240，上传图片最佳宽高比例为4：3,图片大小限制在300K以内)</p>
                    <div style="margin-top: 10px; text-align: center;">
                        <input type="file" name="file" id="image_file_input" class="inputfile hide"/>
                        <label for="image_file_input"><i class="ace-icon fa fa-folder-open"></i> 请选择图片</label>
                    </div>
                    <div style="margin-top: 10px; text-align: center;">
                        <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="submitImg">上传</button>
                        <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="">删除</button>
                    </div>
                </div>

                <div class="row hide" id="licenceDiv">
                    <div style="margin:10px auto;border:1px solid #000;width:320px;height:240px;">
                        <img id="showImageInfoImg1" style="width:320px;height:240px;" src="" alt="..." class="img-thumbnail">
                    </div>
                    <p style="font-size: 12px; text-align: center;">图片显示(图片窗口大小为320*240，上传图片最佳宽高比例为4：3,图片大小限制在300K以内)</p>
                    <div style="margin-top: 10px; text-align: center;">
                        <input type="file" name="file" id="image_file_input1" class="inputfile hide"/>
                        <label for="image_file_input1"><i class="ace-icon fa fa-folder-open"></i> 请选择图片</label>
                    </div>
                    <div style="margin-top: 10px; text-align: center;">
                        <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="submitImg1">上传</button>
                        <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" v-on:click="">删除</button>
                    </div>
                </div>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-xs" data-dismiss="modal" v-on:click="close">关闭</button>
                <button type="button" class="btn btn-primary btn-xs" v-on:click="saveSupplier">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>



</body>
</html>